// Variable Color's
$background: #1A1B26;
$foreground: #A9B1D6;

$black: #24283B;
$gray: #565F89;
$red: #F7768E;
$green: #73DACA;
$yellow: #E0AF68;
$blue: #7AA2F7;
$magenta: #BB9AF7;
$cyan: #7DCFFF;
$white: #f6ffe0;

$bg: #1a1b26;
$bg-alt: #16161e;
$fg: #c0caf5;
$fg-alt: #a9b1d6;
$red: #db4b4b;
$green: #9ece6a;
$yellow: #e0af68;
$orange: #ff9e64;
$blue: #7aa2f7;
$purple: #9d7cd8;
$cyan: #7dcfff;
$gray: #565f89;
$gray-alt: #292E42;

.bluetooth {
  font-family: 'JetBrainsMono Nerd Font';
  background-color: $background;
  border-radius: 10px;
}

.bluetooth-box-on {
  font-family: 'JetBrainsMono Nerd Font';
  background-color: $blue;
  color: $bg;
  /* margin-left: 30px; */
  border-radius: 15px;
}

.bluetooth-box-off {
  font-family: 'JetBrainsMono Nerd Font';
  background-color: $gray-alt;
  color: $fg;
  /*  margin-left: 30px; */
  border-radius: 15px;
}

.bluetooth-button {
  font-size: 28px;
  padding: 0px 15px 0px 15px;
}

.bluetooth-labels-box {
  margin: 20px 30px 20px 0px;
  font-size: 18px;
}

.bluetooth-label-button {
  font-weight: bold;
}